/**
 * 全局样式变量
 * 统一管理颜色、间距、字体等设计规范
 */

/* ========== 颜色系统 ========== */
// 主色调
$primary-color: #667eea;
$primary-light: #764ba2;
$primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

// 辅助色
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #ff4d4f;
$info-color: #1890ff;

// 中性色
$text-primary: #333333;
$text-secondary: #666666;
$text-tertiary: #999999;
$text-disabled: #cccccc;

// 背景色
$bg-page: #f5f5f5;
$bg-page-gradient: linear-gradient(180deg, #f7f8fc 0%, #eef1f7 100%);
$bg-white: #ffffff;
$bg-gray: #f8f9fa;
$bg-light-gray: #f0f0f0;

// 边框色
$border-color: #e8e8e8;
$border-color-light: #f0f0f0;
$border-color-dark: #d9d9d9;

/* ========== 间距系统 ========== */
$spacing-xs: 8rpx;
$spacing-sm: 12rpx;
$spacing-md: 16rpx;
$spacing-lg: 20rpx;
$spacing-xl: 24rpx;
$spacing-xxl: 32rpx;

/* ========== 字体系统 ========== */
// 字体大小
$font-size-xs: 20rpx;
$font-size-sm: 22rpx;
$font-size-base: 24rpx;
$font-size-md: 26rpx;
$font-size-lg: 28rpx;
$font-size-xl: 32rpx;
$font-size-xxl: 36rpx;
$font-size-xxxl: 40rpx;

// 字体粗细
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 600;
$font-weight-bolder: 700;

// 行高
$line-height-base: 1.5;
$line-height-tight: 1.2;
$line-height-relaxed: 1.8;

/* ========== 圆角系统 ========== */
$border-radius-sm: 8rpx;
$border-radius-base: 12rpx;
$border-radius-md: 16rpx;
$border-radius-lg: 20rpx;
$border-radius-xl: 24rpx;
$border-radius-circle: 50%;

/* ========== 阴影系统 ========== */
$shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
$shadow-base: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
$shadow-md: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
$shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
$shadow-xl: 0 12rpx 32rpx rgba(0, 0, 0, 0.18);

/* ========== 过渡动画 ========== */
$transition-fast: 0.15s;
$transition-base: 0.3s;
$transition-slow: 0.5s;
$transition-ease: cubic-bezier(0.4, 0, 0.2, 1);

/* ========== 渐变色系统 ========== */
$gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
$gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
$gradient-green: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
$gradient-orange: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
$gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
$gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffb300 100%);
$gradient-red: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
$gradient-cyan: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);

/* ========== Z-index 层级 ========== */
$z-index-dropdown: 1000;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;
$z-index-notification: 1080;

/* ========== 布局 ========== */
$container-max-width: 750rpx;
$header-height: 88rpx;
$tabbar-height: 100rpx;
$input-height: 80rpx;

/* ========== 状态色 ========== */
$status-online: #52c41a;
$status-offline: #d9d9d9;
$status-busy: #faad14;
$status-away: #ff9800;

/* ========== 响应式断点 ========== */
$breakpoint-sm: 576rpx;
$breakpoint-md: 768rpx;
$breakpoint-lg: 992rpx;
$breakpoint-xl: 1200rpx;

